// 验证 TabBar 图标配置是否完整
const fs = require('fs');
const path = require('path');

console.log('🔍 验证 TabBar 图标配置...\n');

// 1. 检查 pages.json
console.log('1️⃣ 检查 pages.json 配置');
try {
    const pagesJson = JSON.parse(fs.readFileSync('pages.json', 'utf8'));
    if (pagesJson.tabBar && pagesJson.tabBar.list) {
        const tabs = pagesJson.tabBar.list;
        console.log(`   ✓ 找到 ${tabs.length} 个 tabBar 项`);
        
        let allHaveIcons = true;
        tabs.forEach(tab => {
            if (tab.iconPath && tab.selectedIconPath) {
                console.log(`   ✓ ${tab.text}: 已配置图标`);
            } else {
                console.log(`   ✗ ${tab.text}: 缺少图标配置`);
                allHaveIcons = false;
            }
        });
        
        if (allHaveIcons) {
            console.log('   ✅ pages.json 配置完整\n');
        } else {
            console.log('   ⚠️  pages.json 配置不完整\n');
        }
    } else {
        console.log('   ✗ 未找到 tabBar 配置\n');
    }
} catch (e) {
    console.log(`   ✗ 读取 pages.json 失败: ${e.message}\n`);
}

// 2. 检查图标文件
console.log('2️⃣ 检查图标文件');
const tabbarDir = path.join(__dirname, 'static', 'tabbar');
const requiredFiles = [
    'recommend.png',
    'recommend-active.png',
    'favorite.png',
    'favorite-active.png',
    'history.png',
    'history-active.png',
    'user.png',
    'user-active.png'
];

let allFilesExist = true;
let fileCount = 0;

requiredFiles.forEach(file => {
    const filePath = path.join(tabbarDir, file);
    if (fs.existsSync(filePath)) {
        const stats = fs.statSync(filePath);
        console.log(`   ✓ ${file} (${stats.size} bytes)`);
        fileCount++;
    } else {
        console.log(`   ✗ ${file} (不存在)`);
        allFilesExist = false;
    }
});

if (allFilesExist) {
    console.log(`   ✅ 所有 ${fileCount} 个图标文件存在\n`);
} else {
    console.log(`   ⚠️  缺少部分图标文件\n`);
}

// 3. 总结
console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');
if (allFilesExist) {
    console.log('✅ 配置验证通过！');
    console.log('\n📱 下一步：');
    console.log('   1. 在 HBuilderX 中打开项目');
    console.log('   2. 点击"运行" → "运行到浏览器"');
    console.log('   3. 查看底部 TabBar 的图标效果');
    console.log('\n💡 提示：');
    console.log('   - 如果图标不显示，尝试清除缓存后重新运行');
    console.log('   - 图标颜色：未选中(灰色) / 选中(紫色)');
} else {
    console.log('⚠️  配置不完整');
    console.log('\n🔧 解决方法：');
    console.log('   运行: python create_icons.py');
    console.log('   或在浏览器中打开: generate-icons.html');
}
console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\n');
